﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>列表</title>
    <link href="../../lib/weui/weui.min.css" rel="stylesheet" />
    <link href="../../css/mobile/common/common.css" rel="stylesheet" />
    <link href="../../css/mobile/fonts/iconfont.css" rel="stylesheet" />

    <link href="../../css/mobile/theme/list.css" rel="stylesheet" />

    <script src="../../lib/jquery/jquery.min.js"></script>
    <script src="../../js/mobile/theme/common.js"></script>

</head>
<body>
    <div class="content">
        <div class="top">
            <a href="index.html" class="back"><i class="icon iconfont icon-ttpodicon"></i>返回</a>
            <span class="top-title">列表</span>
            <span class="icon iconfont icon-more"></span>
            <div class="more-box">
                <span><i class="icon iconfont icon-collect"></i>收藏</span>
                <span><i class="icon iconfont icon-share"></i>分享到朋友圈</span>
                <span><i class="icon iconfont icon-link"></i>复制链接</span>
            </div>
        </div>

        <div class="list" id="list">
            <div class="list1" id="list1">
                <div class="list1-content">
                    <h3>热门推荐</h3>
                    <div>
                        <ul>
                            <li>
                                <div class="list1-show">
                                    <div class="list1-img"><img src="../../images/mobile/theme/recommend.jpg" /></div>
                                    <div class="list1Img-top">
                                        <div class="imgTop-mask"></div>
                                        <i class="icon iconfont icon-depart"></i>
                                        <span>自由行</span>
                                        <i class="space"></i>
                                        <span class="imgTop-right">广州出发</span>
                                    </div>
                                    <div class="list1Img-left">
                                        <span>￥<b>4599</b>起</span>
                                        <span class="imgLeft-bot">立省￥350</span>
                                    </div>
                                    <div class="list1Img-right">
                                        <span><b>568</b>人出游</span>
                                        <span><b>97%</b>满意</span>
                                    </div>
                                </div>

                                <div class="list1Img-intro">
                                    <p class="intro-title">[海边度假]巴厘岛4晚5日或6日自助游</p>
                                    <p>私享五星服务，爱海就离海近</p>
                                    <p><span class="minus">立减</span><span>白富美最爱</span><span>体会高贵浪漫</span><span>酒店别墅任选</span></p>
                                </div>
                            </li>

                            <li>
                                <div class="list1-show">
                                    <div class="list1-img"><img src="../../images/mobile/theme/recommend.jpg" /></div>
                                    <div class="list1Img-top">
                                        <div class="imgTop-mask"></div>
                                        <i class="icon iconfont icon-depart"></i>
                                        <span>自由行</span>
                                        <i class="space"></i>
                                        <span class="imgTop-right">广州出发</span>
                                    </div>
                                    <div class="list1Img-left">
                                        <span>￥<b>4599</b>起</span>
                                        <span class="imgLeft-bot">立减￥350</span>
                                    </div>
                                    <div class="list1Img-right">
                                        <span><b>568</b>人出游</span>
                                        <span><b>97%</b>满意</span>
                                    </div>
                                </div>

                                <div class="list1Img-intro">
                                    <p class="intro-title">[海边度假]巴厘岛4晚5日或6日自助游</p>
                                    <p>私享五星服务，爱海就离海近</p>
                                    <p><span class="minus">立减</span><span>白富美最爱</span><span>体会高贵浪漫</span><span>酒店别墅任选</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="list2" id="list2">
                <div class="list2-content">
                    <h3>发现精彩</h3>
                    <div class="list2img-show">
                        <ul>
                            <li><a href="#"><img src="../../images/mobile/theme/find-img.jpg" /><span>当季必去</span><div></div></a></li>
                            <li><a href="#"><img src="../../images/mobile/theme/find-img.jpg" /><span>旅行攻略</span><div></div></a></li>
                            <li><a href="#"><img src="../../images/mobile/theme/find-img.jpg" /><span>低价优惠</span><div></div></a></li>
                            <li class="no-mgright"><a href="#"><img src="../../images/mobile/theme/find-img.jpg" /><span>舌尖美食</span><div></div></a></li>
                        </ul>
                        <div class="clear-fix"></div>
                    </div>
                    <div class="list2Img-cont">
                        <ul>
                            <li>
                                <a href="#">
                                    <div class="imgCont-left"><img src="../../images/mobile/theme/find-list.jpg" /></div>
                                    <div class="imgCont-right">
                                        <p>昆明-大理-丽江-香格里拉双飞8日彩云之南，骑行双廊，丽江古城，雪山ffdfdfdfdfdf</p>
                                        <span>已售<b>85</b>件</span>
                                        <span class="contRight-bot"><b>1999</b>元起</span>
                                    </div>
                                </a>
                                <div class="clear-fix"></div>
                            </li>
                            <li>
                                <a href="#">
                                    <div class="imgCont-left"><img src="../../images/mobile/theme/find-list.jpg" /></div>
                                    <div class="imgCont-right">
                                        <p>昆明-大理-丽江-香格里拉双飞8日彩云之南，骑行双廊，丽江古城，雪山fdfdfdfdfdfdfdf</p>
                                        <span>已售<b>85</b>件</span>
                                        <span class="contRight-bot"><b>1999</b>元起</span>
                                    </div>
                                </a>
                                <div class="clear-fix"></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="list3" id="list3">
                <div class="list3-content">
                    <h3>超值特惠</h3>
                    <div class="list3-imgTop">
                        <div>
                            <div class="list3Img-show"><img src="../../images/mobile/theme/odds.png" /></div>
                            <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                            <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                        </div>
                        <div>
                            <div class="list3Img-show"><img src="../../images/mobile/theme/odds.png" /></div>
                            <div class="list3-intro">重庆直飞罗马4-30天往返含税机票(可配联运)</div>
                            <div><span>已售<b>124</b>件</span><span class="list3Img-bot">￥<b>6099</b>起</span></div>
                        </div>
                    </div>
                    <div class="clear-fix"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function () {
            listAuto();
            skipReact();
            share()
        });
    </script>
</body>
</html>